<template>
	<view class="serial-container">
		<view class="search-box">

			<input class="inp" v-model="keyword" placeholder="输入序列号查询产品信息">
			<view class="btn">搜索</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				load: {
					status: false,
					type: 3
				},
				keyword: ''
			}
		},
	}
</script>

<style lang="scss">
	.search-box {
		position: relative;
		margin: 20upx auto;
		width: 90%;

		.inp {
			border: 1px solid #dcdfe6;
			height: 50px;
			padding-left: 20upx;
			padding-right: 120upx;
			border-radius: 10upx;
		}

		.btn {
			top: 5px;
			position: absolute;
			right: 10upx;
			color: #fff;
			border-radius: 10upx;
			width: 100upx;
			height: 40px;
			display: flex;
			align-items: center;
			font-size: 24upx;
			justify-content: center;
			background-color: #409eff;
		}
	}
</style>